Support > Design > Product List > Category List Style

Category List Style

 

When you design your online shop website, adding an All Categories & Products module on the page or select the All Categories & Products style on the “Products” page and add your own design on the category list; can allow visitors to browse your products by categories conveniently and project a unique style of your website design.

 

Note: Before designing on the category list, you must add product categories first.

 

 

1.    The “Products” Page

 

Go to Admin Panel > Design > Pages,

click “Products” to enter the page.

 

 

2.    Category List Style

 

Click to enter the Category List Style setup page.

 

 

3.    Styling Features

 

You can design the product listing style of your online shop.

You can preview the styling effect instantly.

The Category List Style will be auto applied onto the All Categories & Products module.

 

You can click “Reset Default” to reset all the Category List Style to the system default settings.

 

 

Category List:

Top Margin

Adjust the top margin of the Category List to align with the product list.

 

 

After changing the background color of the “All Categories & Products” module, the “Category List” position may appear too high or too low.

 

 

Background Color

Color to be applied to the whole Category List page.

 

 

Category Title:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Categories:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Price Range:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Sort by:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Clear All Filters:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

4.    Apply the Updates

 

Save  the changes.

 

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
FB、IG、WhatsApp 快速結帳 link
eshopland flexible service plans-zh
eshopland 網店平台-如何提升生意額-必學實用專業功能
eshopland 網店平台-網店貨源一覽
eshopland 網店平台-自動建店,10 分鐘極速開業
eshopland 網店平台範本-Eta
eshopland 網店平台範本-Gamma
eshopland 網店平台範本-Theta

You May Also Like

Full Width Product Page

Applying a full width page design on the online shop can offer users a more engaging experience. By utilizing the flexible web design features of eshopland ecommerce platform, merchants can design

Free Shipping on Specific Products

To meet the diverse operational needs of merchants, eshopland online shop platform allows merchants to set up free shipping promotions for specific products. When customers check out, the system wil

Product Cost Price

To facilitate merchants in calculating order profits, eshopland ecommerce platform has launched the product cost price feature. Merchants simply need to enter the cost price of the products and the

Quick Start (Auto eShop Builder)

Merchant can use the “Quick Start” feature to get started and run your business quickly. Simply follow the steps and enter the basic information to auto generate your “Basic Shop” in a glance. You c

Recommended Articles